* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.navbar {
  box-shadow: 0 2px 8px #ccc;
}
.navbar .navbar-brand {
  font-size: 2rem;
}

#home {
  margin-top: 4.625rem;
  height: 44.5rem;
  background: url(../images/home-bg.jpg) no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.mask {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 60px 0;
}

#bbs {
  padding: 4rem;
}
#bbs .box {
  padding: 1rem;
  text-align: center;
}
#bbs .box a {
  display: inline-block;
  width: 100%;
  color: #000;
}
#bbs .box a h3 {
  font-size: 1.75rem;
}
#bbs .box:hover {
  background-color: #f1f1f1;
  box-shadow: 0 0 4px #ccc;
}

#html, #bootstrap {
  background-color: #f8f8f8;
  padding: 4rem 0;
}
#html .mai, #bootstrap .mai {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: rgb(64, 210, 177);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
}

#bootstrap {
  background-color: #fff;
}

#course {
  background: #f8f8f8;
  padding: 4rem 0;
}
#course h2 {
  text-align: center;
  padding-bottom: 3.75rem;
}
#course .s-card-body {
  display: flex;
  justify-content: center;
}
#course .c-item {
  margin-bottom: 10px;
}

#app {
  padding: 4rem 0;
}

#contact {
  background: url(../images/contact-bg.jpg) no-repeat;
  color: #fff;
}

footer {
  text-align: center;
  padding: 20px;
}/*# sourceMappingURL=index.css.map */